<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>


	<f:view>
		<p:ajaxStatus onstart="statusDialog.show();"
			onsuccess="statusDialog.hide();" />
		<p:dialog modal="true" widgetVar="statusDialog" header="Cargando"
			draggable="false" closable="false">

		</p:dialog>


		<div id="logo" align="center">
			<h:form id="form">

				<p:panel id="td" header="Solicitud PQR">
					<p:messages id="msg" />
					<p:growl id="men" />

					<p:dataTable var="car" value="#{solicitudPqrView.data}"
						id="listaTDo" editable="true" scrollable="true"
						scrollHeight="auto" filteredValue="#{solicitudPqrView.data}">


						<p:ajax event="rowEdit" listener="#{solicitudPqrView.onEdit}" />
						<p:ajax event="rowEditCancel"
							listener="#{solicitudPqrView.onCancel}" />

						<p:column headerText="Editar" style="width: auto">
							<p:rowEditor />
						</p:column>


						<p:column headerText="Número Radicacion" style="width: auto">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputLabel value="#{car.numeroRadicacion}" />
								</f:facet>
								<f:facet name="input">
									<p:inputTextarea value="#{car.numeroRadicacion}" />
								</f:facet>
							</p:cellEditor>
						</p:column>
						<p:column headerText="Nombre Cliente" style="width: auto">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputLabel value="#{car.nombreCliente}" />
								</f:facet>
								<f:facet name="input">
									<p:inputTextarea value="#{car.nombreCliente}" />
								</f:facet>
							</p:cellEditor>
						</p:column>
						<p:column headerText="Nombre Aduana" style="width: auto">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputLabel value="#{car.nombreAgenciaAduana}" />
								</f:facet>
								<f:facet name="input">
									<p:inputTextarea value="#{car.nombreAgenciaAduana}" />
								</f:facet>
							</p:cellEditor>
						</p:column>
						<p:column headerText="Descripción del Caso" style="width: auto">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputLabel value="#{car.descripcionCaso}" />
								</f:facet>
								<f:facet name="input">
									<p:inputTextarea value="#{car.descripcionCaso}" />
								</f:facet>
							</p:cellEditor>
						</p:column>
						<p:column headerText="Solicitud a Realizar" style="width: auto">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputLabel value="#{car.solicitudARealizar}" />
								</f:facet>
								<f:facet name="input">
									<p:inputTextarea value="#{car.solicitudARealizar}" />
								</f:facet>
							</p:cellEditor>
						</p:column>


						<!-- <p:column headerText="Rol" style="width: auto">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputLabel value="#{car.nombreRol}" />
										</f:facet>
										<f:facet name="input">
											<p:inputTextarea value="#{car.nombreRol}" />
										</f:facet>
									</p:cellEditor>
								</p:column>	 -->

						<!-- <p:column headerText="Rol" filterBy="idRol_Roles"
									sortBy="idRol_Roles"  style="width: 100px">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputText value="#{car.nombreRol}" />
										</f:facet>
										<f:facet name="input">
											<p:selectOneMenu value="#{usuariosInternosView.idRol_Roles}"
												style="width: 100px">
												
												<f:selectItems value="#{usuariosInternosView.id_rol}" />
											</p:selectOneMenu>
										</f:facet>
									</p:cellEditor>
								</p:column> 
								
								<p:column headerText="Areas Involucradas" filterBy="idAreaInvolucrada_AreasInvolucradas"
									sortBy="idAreaInvolucrada_AreasInvolucradas"  style="width: 100px">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputText value="#{car.nombreArea}" />
										</f:facet>
										<f:facet name="input">
											<p:selectOneMenu value="#{usuariosInternosView.idAreaInvolucrada_AreasInvolucradas}"
												style="width: 100px">
												
												<f:selectItems value="#{usuariosInternosView.id_area}" />
											</p:selectOneMenu>
										</f:facet>
									</p:cellEditor>
								</p:column>	 -->




						<!--   <p:column headerText="Área" style="width: auto"
									 filterBy="txtIdAreaInvolucrada_AreasInvolucradas"
									filterOptions="#{usuariosInternosView.manufacturerArea}"
									filterMatchMode="exact">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputText value="#{car.areasInvolucradas}" />
										</f:facet>
										<f:facet name="input">
											<h:selectOneMenu value="#{usuariosInternosView.idAre_AreaInvolucradas}">
											   <f:selectItems value="#{usuariosInternosView.id_area}" />
											</h:selectOneMenu>
										</f:facet>
									</p:cellEditor> 
								</p:column>  -->

						<f:facet name="footer">
							<p:commandButton id="viewButton" value="Crear"
								icon="ui-icon-documen" update=":form"
								oncomplete="PF('carDialog').show()" />
						</f:facet>

					</p:dataTable>

					<!--		Ventana emergente          -->

					<p:dialog id="dialog" header="Crear Solicitud Pqr"
						widgetVar="carDialog" resizable="false" width="800"
						showEffect="clip" hideEffect="fold">
						<p:messages id="messages" />
						<h:panelGrid columns="2" id="panel">


							<h:outputText id="msgIdTpEstPqr_TipoEstadoPqr"
								value="* Tipo Estado Pqr:" />
							<p:selectOneMenu id="cmbTipoEstado"
								value="#{solicitudPqrView.id_tipoEstadoPqr_estadoPqr}"
								binding="#{solicitudPqrView.txtIdTpEstPqr_TipoEstadoPqr}"
								required="true" requiredMessage="El Área es requerida">
								<f:selectItem itemLabel="Seleccione" itemValue="" />
								<f:selectItems value="#{solicitudPqrView.id_tipoEstadoPqr}" />
							</p:selectOneMenu>


							<h:outputText id="msgIdTpSolPqr_TipoSolicitudPqr"
								value="* Tipo Solicitu Pqr:" />
							<p:selectOneMenu id="cmbTipoSolicitud"
								value="#{solicitudPqrView.id_tipoSolicitudPqr_solicitudPqr}"
								binding="#{solicitudPqrView.txtIdTpSolPqr_TipoSolicitudPqr}"
								required="true" requiredMessage="El Rol es requerido ">
								<f:selectItem itemLabel="Seleccione" itemValue="" />
								<f:selectItems value="#{solicitudPqrView.id_tipoSolicitudPqr}" />
							</p:selectOneMenu>


							<h:outputText id="msgIdRol_Roles" value="* Info Solicitante:" />
							<p:selectOneMenu id="cmbInfoSolicitante"
								value="#{solicitudPqrView.id_infoSolicitante_solicitante}"
								binding="#{solicitudPqrView.txtIdInfoSolicitante_InfoSolicitante}"
								required="true" requiredMessage="El Rol es requerido ">
								<f:selectItem itemLabel="Seleccione" itemValue="" />
								<f:selectItems value="#{solicitudPqrView.id_infoSolicitante}" />
							</p:selectOneMenu>

							<h:outputText id="msgDescripcionCaso" value=" DescripcionCaso" />
							<p:inputText id="txtDescripcionCaso"
								binding="#{solicitudPqrView.txtDescripcionCaso}" />

							<h:outputText id="msgNombreAgenciaAduana"
								value=" NombreAgenciaAduana" />
							<p:inputText id="txtNombreAgenciaAduana"
								binding="#{solicitudPqrView.txtNombreAgenciaAduana}" />

							<h:outputText id="msgNombreCliente" value=" NombreCliente" />
							<p:inputText id="txtNombreCliente"
								binding="#{solicitudPqrView.txtNombreCliente}" />

							<h:outputText id="msgNumeroRadicacion" value=" NumeroRadicacion" />
							<p:inputText id="txtNumeroRadicacion"
								binding="#{solicitudPqrView.txtNumeroRadicacion}" />

							<h:outputText id="msgSolicitudARealizar"
								value=" SolicitudARealizar" />
							<p:inputText id="txtSolicitudARealizar"
								binding="#{solicitudPqrView.txtSolicitudARealizar}" />


						</h:panelGrid>

						<p:separator id="separator" />

						<h:panelGrid id="panelBotones" columns="1">

							<p:commandButton id="btnSave" value="Guardar"
								action="#{solicitudPqrView.action_create}"
								binding="#{solicitudPqrView.btnSave}"
								update="listaTDo,msg,panel,panelBotones,messages" />
						</h:panelGrid>

					</p:dialog>
				</p:panel>
			</h:form>
		</div>
	</f:view>


</h:body>
</html>